<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>快乐购 - 订单管理</title>

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/glyphicons-halflings.min.css">
		<link rel="stylesheet" type="text/css" href="../css/default.min.css" />

		<!-- JS -->
		<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/html/order.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
	<!--头部开始-->
	<!--头部开始-->
	<div id="head-div">

	</div>
	<!--头部结束-->
	<script>
		$("#head-div").load("head.html");
	</script>

		<!-- 页面主体部分 -->
		<div class="container mt-2">
			<div class="h4 border-bottom">
				<span>订单管理</span>
			</div>

			<!-- 没有订单记录时显示以下注释内容 -->
			<!-- <div class="h1 text-center text-muted">
					没有任何订单记录
				</div> -->

			<!-- 有订单记录时显示以下内容(一个order-item就是一个订单项) -->
				<div class="order-item" id="order-div">


				</div>
		</div>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
	<!--脚部分开始-->
	<div id="footer-div">

	</div>
	<!--脚部分结束-->
	<script>
		$("#footer-div").load("footer.html");
	</script>
		<!-- //页面脚部部分结束 -->

	</body>

</html>
